<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>点名器</title>

	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		a,
		img {
			border: 0;
		}

		body {
			font: 12px/180% "Microsoft YaHei", "微软雅黑", "宋体";
		}

		#bodybj {
			background: url(images.jpg) no-repeat center top;
		}

		#box {
			margin: auto;
			width: 660px;
			font-size: 66px;
			height: 94px;
			line-height: 94px;
			overflow: hidden;
			color: #138eee;
			text-align: center;
			padding: 0 30px;
			margin-top: 200px;
		}

		#bt {
			margin: auto;
			width: 200px;
			text-align: center;
			margin-top: 75px;
			color: #fff;
			font-size: 25px;
			line-height: 28px;
			cursor: pointer;
		}
	</style>

	<script type="text/javascript">
		var namelist = [
		"陈文凯","余谦","李佶珂","陈毅祥","崔世浩","刘林朋","李陈伟","李盛宇","白昕玮","郭佳威","罗寿燕","王莉莎","张浩涵","邹文鹏","曹锐","李福秀","张小品","孔令超","周欢","戴雪芹","刘乾港","高伟明","李亮","袁昌林","周锡龙","陈思文","梁紫君","刘印","刘洁","王志豪","龚浩星","江俊龙","侯紫君","王芹喜","肖骏","江滔滔","陈天曜","熊建斌","钟涌鑫","邹乐建","蔡慧芳","雷静","廖思瑞","周甜甜","颜新进","李瑶","宋文杰","胡继","万光芬","周剑","赖娴雅","刘毅","熊健","陈淑文","汪亮","树文龙","王毅搏"]
		var mytime = null;

		function doit() {
			var bt = window.document.getElementById("bt");
			if (mytime == null) {
				bt.innerHTML = "停止点名";
				show();
			} else {
				bt.innerHTML = "开始点名";
				clearTimeout(mytime);
				mytime = null;
			}
		}

		function show() {
			var box = window.document.getElementById("box");
			var num = Math.floor((Math.random() * 100000)) % namelist.length;
			box.innerHTML = namelist[num];
			mytime = setTimeout("show()", 1);
		}
	</script>
</head>

<body id="bodybj">

	<div id="box">亲，准备好点名了吗？</div>
	<div id="bt" onClick="doit()">开始点名</div>

</body>

</html>
